<template>
    <view class="container">
        <view class="bh-row bh-align-center bh-justify-center">
            <view v-if="title" class="divide-left"></view>
            <view v-if="title" class="divide-text">{{ title }}</view>
            <view v-if="title" class="divide-left"></view>
        </view>
    </view>
</template>
<script>
export default {
    name: 'BhDivideLine',
    props: {
        title: {
            type: String,
            default: ''
        }
    },
    methods: {
    }
}
</script>
<style scoped lang="scss">
@import url(../../static/css/base.css);

.container {
    text-align: center;
    margin: auto;
    margin-top: 16rpx;
    margin-bottom: 16rpx;
}

.divide-left {
    width: 88rpx;
    height: 1px;
    background-color: #D8D8D8;

}

.divide-text {
    font-size: 24rpx;

    color: #999999;
    margin-left: 23rpx;
    margin-right: 23rpx;
}
</style>